.gridicon {
	fill: currentColor;

	&.needs-offset > use:first-child,
	&.needs-offset > g:first-child {
		transform: translate( 1px, 1px ); /* translates to .5px because it's in a child element */
	}

	&.needs-offset-x > use:first-child,
	&.needs-offset-x > g:first-child {
		transform: translate( 1px, 0 ); /* only nudges horizontally */
	}

	&.needs-offset-y > use:first-child,
	&.needs-offset-y > g:first-child {
		transform: translate( 0, 1px ); /* only nudges vertically */
	}
}

.social-logo {
	fill: currentColor;
}
